<template>
  <div class="setter-content">
    <template v-if="status == '0'">
      <component
        v-show="setterID == `lcd-setter-${item.key}~${item.id}`"
        v-for="item in getComponentList"
        :key="`lcd-setter-${item.key}~${item.id}`"
        :is="`lcd-setter-${item.key}`"
        :id="item.id"
      />
    </template>
    <template v-else-if="status == '1'">
      <lcd-setter-canvas />
    </template>
    <template v-else>
      <lcd-setter-default />
    </template>
  </div>
</template>

<script>
import set from '@/mixins/setter'

export default {
  name: 'SetterContent',
  mixins: [set],
}
</script>

<style lang="less" scoped>
.setter-content {
  overflow-y: auto;
  height: calc(100vh - 200px);
}
</style>
